/**
 * @typedef {Object} INPUT_COLORS - Цвета для ввода
 * @property {string} default - Цвет по умолчанию.
 * @property {string} success - Цвет для состояния успеха.
 * @property {string} error - Цвет для состояния ошибки.
 * @property {string} focus - Цвет для состояния фокуса.
 * @property {string} disabled - Цвет для состояния отключено. 
 */
export const INPUT_COLORS = {
  default: '#CED4DA',
  success: '#198754',
  error: '#DC3545',
  focus: '#80BDFF',
  disabled: '#E9ECEF'
};

/**
 * @typedef {Object} DIMENSION - Размеры.
 * @property {Object} lg - Размеры для большого размера.
 * @property {string} lg.width -  Ширина для большого размера.
 * @property {string} lg.height - Высота для большого размера.
 * @property {Object} sm - Размеры для малого размера.
 * @property {string} sm.width - Ширина для маленького размера.
 * @property {string} sm.height - Высота для маленького размера.
 */
export const DIMENSION = {
  lg: {
    width: '31.25rem',
    height: '3rem'
  },
  sm: {
    width: '31.25rem',
    height: '1.625rem'
  }
}

/**
 * @typedef {Object} DEFAULT_DIMENSION - Размеры по умолчанию.
 * @property {string} width - Ширина по умолчанию.
 * @property {string} height - Высота по умолчанию.
 */
export const DEFAULT_DIMENSION = {
  width: '31.25rem',
  height: '2.375rem',
};

/**
 * @typedef {Object} ICON_DIMENSION - Размеры иконок.
 * @property {Object} lg - Размеры для большого размера.
 * @property {string} lg.width - Ширина для большого размера.
 * @property {string} lg.height - Высота для большого размера.
 * @property {Object} sm - Размеры для малого размера.
 * @property {string} sm.width - Ширина для маленького размера.
 * @property {string} sm.height - Высота для маленького размера.
 */
export const ICON_DIMENSION = {
  lg: {
    width: '1.25rem',
    height: '1.25rem'
  },
  sm: {
    width: '0.75rem',
    height: '0.75rem'
  }
};

/**
 * @typedef {Object} DEFAULT_ICON_DIMENSION - Размеры иконок по умолчанию.
 * @property {string} width - Ширина иконок по умолчанию.
 * @property {string} height - Высота иконок по умолчанию.
 */
export const DEFAULT_ICON_DIMENSION = {
  width: '1rem',
  height: '1rem'
};

/**
 * @typedef {Object} FONT_DIMENSION - Размеры шрифта.
 * @property {Object} lg - Размеры для большого размера.
 * @property {string} lg.fontSize - Размер шрифта для большого размера.
 * @property {Object} sm - Размеры для малого размера.
 * @property {string} sm.fontSize - Размер шрифта для маленького размера.
 */
export const FONT_DIMENSION = {
  lg: {
    fontSize: '1.125rem'
  },
  sm: {
    fontSize: '0.75rem'
  }
};

/**
 * @typedef {Object} DEFAULT_FONT_DIMENSION - Размеры шрифта по умолчанию.
 * @property {string} fontSize - Размер шрифта по умолчанию.
 */
export const DEFAULT_FONT_DIMENSION = {
  fontSize: '1rem'
}

/**
 * @typedef {Object} LEFT_MARGIN - Левый отступ.
 * @property {string} lg - Левый отступ для большого размера.
 * @property {string} sm - Левый отступ для маленького размера.
 */
export const LEFT_MARGIN = {
  lg: '29.3rem',
  sm: '30rem'
}

/**
 * @typedef {string} DEFAULT_LEFT_MARGIN - Левый отступ по умолчанию.
 */
export const DEFAULT_LEFT_MARGIN = '29.6rem';
